<#include "/org/alfresco/components/form/controls/common/utils.inc.ftl" />

<#assign controlId = fieldHtmlId + "-cntrl">

<#if field.control.params.optionSeparator??>
    <#assign optionSeparator=field.control.params.optionSeparator>
<#else>
    <#assign optionSeparator=",">
</#if>
<#if field.control.params.labelSeparator??>
    <#assign labelSeparator=field.control.params.labelSeparator>
<#else>
    <#assign labelSeparator="|">
</#if>

<#assign fieldValue=field.value>

<#if fieldValue?string == "" && field.control.params.defaultValueContextProperty??>
    <#if context.properties[field.control.params.defaultValueContextProperty]??>
        <#assign fieldValue = context.properties[field.control.params.defaultValueContextProperty]>
    <#elseif args[field.control.params.defaultValueContextProperty]??>
        <#assign fieldValue = args[field.control.params.defaultValueContextProperty]>
    </#if>
</#if>

<div class="form-field">
<#if form.mode == "view">
    <div class="viewmode-field">
        <#if field.mandatory && !(fieldValue?is_number) && fieldValue?string == "">
        <span class="incomplete-warning"><img src="${url.context}/res/components/form/images/warning-16.png" title="${msg("form.field.incomplete")}" /><span>
        </#if>
        <span class="viewmode-label">${field.label?html}:</span>
        <#if fieldValue?string == "">
            <#assign valueToShow=msg("form.control.novalue")>
        <#else>
            <#assign valueToShow=fieldValue>
            <#if field.control.params.options?? && field.control.params.options != "">
                <#list field.control.params.options?split(optionSeparator) as nameValue>
                    <#if nameValue?index_of(labelSeparator) == -1>
                        <#if nameValue == fieldValue?string || (fieldValue?is_number && fieldValue?c == nameValue)>
                            <#assign valueToShow=nameValue>
                            <#break>
                        </#if>
                    <#else>
                        <#assign choice=nameValue?split(labelSeparator)>
                        <#if choice[0] == fieldValue?string || (fieldValue?is_number && fieldValue?c == choice[0])>
                            <#assign valueToShow=msgValue(choice[1])>
                            <#break>
                        </#if>
                    </#if>
                </#list>
            </#if>
        </#if>
        <span class="viewmode-value">${valueToShow?html}</span>
    </div>
<#else>
    <label for="${fieldHtmlId}">${field.label?html}:<#if field.mandatory><span class="mandatory-indicator">${msg("form.required.fields.marker")}</span></#if></label>
    <#if field.control.params.options?? && field.control.params.options != "">
        <select id="${fieldHtmlId}" name="${field.name}" tabindex="0" style="width:390px" onchange='getSiuRcPad(this.options[this.selectedIndex].value)'
                <#if field.description??>title="${field.description}"</#if>
                <#if field.control.params.size??>size="${field.control.params.size}"</#if>
                <#if field.control.params.styleClass??>class="${field.control.params.styleClass}"</#if>
                <#if field.control.params.style??>style="${field.control.params.style}"</#if>
                <#if field.disabled  && !(field.control.params.forceEditable?? && field.control.params.forceEditable == "true")>disabled="true"</#if>>
            <option value=""></option>
        </select>
        <@formLib.renderFieldHelp field=field />
    <#else>
        <select id="${fieldHtmlId}" name="${field.name}" tabindex="0" style="width:390px" onchange='getSiuRcPad(this.options[this.selectedIndex].value)'
                <#if field.description??>title="${field.description}"</#if>
                <#if field.control.params.size??>size="${field.control.params.size}"</#if>
                <#if field.control.params.styleClass??>class="${field.control.params.styleClass}"</#if>
                <#if field.control.params.style??>style="${field.control.params.style}"</#if>
                <#if field.disabled  && !(field.control.params.forceEditable?? && field.control.params.forceEditable == "true")>disabled="true"</#if>>
            <#if field.value??><option value="${field.value}">${field.value}</option><#else><option value=""></option></#if>
        </select>
        <@formLib.renderFieldHelp field=field />
    </#if>
<script type="text/javascript">//<![CDATA[
    var fieldValueSiuPav = "${field.value}";
    var strSiuPav = "${fieldHtmlId}";
    var fieldsSiuPav = strSiuPav.split(/_rcc_/);
    var propertyIdSiuPav = fieldsSiuPav[0]+"_rcc_";
    var f1SiuPav = "${field.control.params.fieldSiuId1}";
    var f2SiuPav = "${field.control.params.fieldSiuId2}";
    var f3SiuPav = "${field.control.params.fieldSiuId3}";
    var fieldId1SiuPav =  propertyIdSiuPav+f1SiuPav;
    var fieldId2SiuPav = propertyIdSiuPav+f2SiuPav;
    var fieldId3SiuPav = propertyIdSiuPav+f3SiuPav;

    function trigerKeyEvent(elemId){
        if (document.createEvent) {
            var myEv = document.createEvent('KeyboardEvent');
            myEv.initKeyboardEvent('keyup', true, true, null, false, false, false, false, 76, 0);
            $('#'+elemId).each(function() {this.dispatchEvent(myEv);});
        } else if (document.createEventObject) {
            var myEv = document.createEventObject();
            $('#'+elemId).each(function() {this.fireEvent("onkeyup", myEv);});
        }
    }

    function changeNumber(num) {
        return num.replace(/,/g, '');
    }

    if(fieldValueSiuPav.length > 0 && fieldValueSiuPav != "" && fieldValueSiuPav != null) {
        var onLoadUpdateSiuRcPad = function(res) {
            var result = eval('(' + res.serverResponse.responseText + ')');
            if (result) {
                if (result.Kodas.length > 0 && result.Kodas[0] != 'None' ) {
                    if (result.PadalinioId.length > 0 && result.PadalinioId[0] != 'None') {
                        var selVal3 = changeNumber(document.getElementById(fieldId3SiuPav).value);
                        $('#'+fieldId3SiuPav).empty();var option = '<option value=""></option>';$('#'+fieldId3SiuPav).append(option);
                        for (var j = 0; j < result.PadalinioId.length; j++) {
                            var option = "<option value=" + "'" + result.PadalinioId[j] + "'" + ">"+ result.PadalinioPav[j] + "</option>";
                            $('#'+fieldId3SiuPav).append(option);
                            if(result.PadalinioId[j] === selVal3) {
                                $("select#" + fieldId3SiuPav + " option:eq("+(j+1)+")").attr('selected', true);
                            }
                        }
                    } else{}
                }
            } else {}
        };

        Alfresco.util.Ajax.jsonGet({
            url : Alfresco.constants.PROXY_URI + "doc/metadata/jarDuomenys?code="+ changeNumber(fieldValueSiuPav) +"&type=rc",
            successCallback : {
                fn : onLoadUpdateSiuRcPad,
                scope : this
            },
            failureCallback : {
                fn : function() {},
                scope : this
            }
        });
    }

    function getSiuRcPad(code){
        if(code != null && code != "" && code != undefined) {
            var updateSiuRcPad = function(res) {
                var result = eval('(' + res.serverResponse.responseText + ')');
                if (result) {
                    if (result.Kodas.length > 0 && result.Kodas[0] != 'None' ) {
                        $('#'+fieldId3SiuPav).empty();
                        var option = '<option value=""></option>';
                        $('#'+fieldId3SiuPav).append(option);
                        if (result.PadalinioId.length > 0 && result.PadalinioId[0] != 'None') {
                            for (var j = 0; j < result.PadalinioId.length; j++) {
                                var option = "<option value=" + "'" + result.PadalinioId[j] + "'" + ">"+ result.PadalinioPav[j] + "</option>";
                                $('#'+fieldId3SiuPav).append(option);
                            }
                        } else{
                            $('#'+fieldId3SiuPav).empty();
                            var option = '<option value=""></option>';
                            $('#'+fieldId3SiuPav).append(option);
                        }
                    }
                } else {}
                trigerKeyEvent(fieldId2SiuPav);
            };

            Alfresco.util.Ajax.jsonGet({
                url : Alfresco.constants.PROXY_URI + "doc/metadata/jarDuomenys?code="+ changeNumber(code)+"&type=rc",
                successCallback : {
                    fn : updateSiuRcPad,
                    scope : this
                },
                failureCallback : {
                    fn : function() {},
                    scope : this
                }
            });
        } else{
            $('#'+fieldId3SiuPav).empty();
            var option = '<option value=""></option>';
            $('#'+fieldId3SiuPav).append(option);
        }
    }
    //]]>
</script>
</#if>
</div>